<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>与我相关</title>

  <link rel="stylesheet" href="../../vendors/iconfonts/mdi/css/materialdesignicons.min.css">
  <link rel="stylesheet" href="../../vendors/css/vendor.bundle.base.css">

  <link rel="stylesheet" href="../../node_modules/jqvmap/dist/jqvmap.min.css" />


  <link rel="stylesheet" href="../../css/style.css">

  <link rel="shortcut icon" href="../../images/favicon.png" />
</head>

<body>
  
 
 <div class="container-scroller">
    <nav class="navbar default-layout-navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
      <div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-center">
        <a href="user.jsp"><img height="60px" width="200" src="html/images/logo.png" alt="logo"/></a>      
      </div>
      <div class="navbar-menu-wrapper d-flex align-items-stretch">
       
        <ul class="navbar-nav navbar-nav-right">
          <li class="nav-item nav-profile dropdown">
            <a class="nav-link dropdown-toggle" id="profileDropdown" href="user.jsp" data-toggle="dropdown" aria-expanded="false">
              <div class="nav-profile-img">
                <img src="html/images/faces/sea.jpg" alt="image">
                <span class="availability-status online"></span>             
              </div>
              <div class="nav-profile-text">
                <%
          String name2 = (String)session.getAttribute("username"); %>         
                <span class="font-weight-bold mb-2"><%=name2 %></span>
              </div>
            </a>
            <div class="dropdown-menu navbar-dropdown" aria-labelledby="profileDropdown">
              <a class="dropdown-item" href="user.jsp">
                <i class="mdi mdi-cached mr-2 text-success"></i>
                刷新
              </a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="loginout">
                <i class="mdi mdi-logout mr-2 text-primary"></i>
                退出
              </a>
            </div>
          </li>

        </ul>
        <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
          <span class="mdi mdi-menu"></span>
        </button>
      </div>
    </nav>   
    <div class="container-fluid page-body-wrapper">     
      <nav class="sidebar sidebar-offcanvas" id="sidebar">
        <ul class="nav">
          <li class="nav-item nav-profile">
            <a href="#" class="nav-link">
              <div class="nav-profile-image">
                <img src="html/images/faces/sea.jpg" alt="profile">
                <span class="login-status online"></span> <!--change to offline or busy as needed-->              
              </div>
              <div class="nav-profile-text d-flex flex-column">
               <%
          String name1 = (String)session.getAttribute("username"); %>         
                <span class="font-weight-bold mb-2"><%=name1 %></span>
               
              </div>
              <i class="mdi mdi-bookmark-check text-success nav-profile-badge"></i>
            </a>
          </li>
          <li class="nav-item active">
            <a class="nav-link" href="user.jsp">
              <span class="menu-title">首页</span>
              <i class="mdi mdi-home menu-icon"></i>
            </a>
          </li>
          
          <li class="nav-item">
            <a class="nav-link" href="">
              <span class="menu-title">个人资料</span>
              <i class="mdi mdi-contacts menu-icon"></i>
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="assets/NewFile.jsp">
              <span class="menu-title">社团申请</span>
              <i class="mdi mdi-format-list-bulleted menu-icon"></i>
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="assets/joinclub.jsp">
              <span class="menu-title">社团报名</span>
              <i class="mdi mdi-chart-bar menu-icon"></i>
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="html/pages/tables/about me.html">
              <span class="menu-title">与我相关</span>
              <i class="mdi mdi-table-large menu-icon"></i>
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="">
              <span class="menu-title">活动日志</span>
              <i class="menu-arrow"></i>
              <i class="mdi mdi-medical-bag menu-icon"></i>
            </a>           
          </li>          
        </ul>
      </nav>
      <div class="main-panel">        
        <div class="content-wrapper">
          <div class="page-header">
            <h3 class="page-title">
              与我相关
            </h3>
            <nav aria-label="breadcrumb">
              <ol class="breadcrumb">          
                <li class="breadcrumb-item active" aria-current="page">帮助</li>
              </ol>
            </nav>
          </div>
          <div>
            <div width="800px">
              <div class="card">
                <div class="card-body">
                  <h4 class="card-title">我的活动记录</h4>           
            
            <div class="col-lg-12 stretch-card">
              <div class="card">
                <div class="card-body">
                
                  <table class="table table-bordered">
                    <thead>
                      <tr>
                        <th>
                          #
                        </th>
                        <th>
                                           活动名称
                        </th>
                        <th>
                                      举办社团
                        </th>
                        <th>
                          加分值
                        </th>
                        <th>
                         时间
                        </th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr class="table-info">
                        <td>
                          1
                        </td>
                        <td>
                          电器义务维修
                        </td>
                        <td>
                        电子协会
                        </td>
                        <td>
                        5
                        </td>
                        <td>
                        2017年9月20日
                        </td>
                      </tr>
                      <tr class="table-warning">
                        <td>
                          2
                        </td>
                        <td>
                          看望空巢老人
                        </td>
                        <td>
                         志愿者协会
                        </td>
                        <td>
                         6
                        </td>
                        <td>
                         2017年12月12日
                        </td>
                      </tr>
                      <tr class="table-danger">
                        <td>
                          3
                        </td>
                        <td>
                          天文展览会
                        </td>
                        <td>
                         天文协会
                        </td>
                        <td>
                         3
                        </td>
                        <td>
                          2018年5月20日
                        </td>
                      </tr>
                      <tr class="table-success">
                        <td>
                          4
                        </td>
                        <td>
                         魔术汇演
                        </td>
                        <td>
                          魔术协会
                        </td>
                        <td>
                       4
                        </td>
                        <td>
                        2018年10月2日
                        </td>
                      </tr>
                      <tr class="table-primary">
                        <td>
                          5
                        </td>
                        <td>
                          社区辅导留守儿童
                        </td>
                        <td>
                         志愿者协会
                        </td>
                        <td>
                       3
                        </td>
                        <td>
                           2019年6月1日
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>
        
         <footer class="footer">
          <div style="text-align:center">        
         
             We are 伐木累
              <i class="mdi mdi-heart text-danger"></i> - Collect from @Vivi
          </div>
        </footer>
      </div>
    </div>  
  </div>
  <script src="../../vendors/js/vendor.bundle.base.js"></script>
  <script src="../../vendors/js/vendor.bundle.addons.js"></script>
  <script src="../../js/off-canvas.js"></script> 
  <script src="../../js/misc.js"></script>
  <script src="../../js/file-upload.js"></script>
       
</body>

</html>
